@charset "utf-8";
/* CSS Document */
@font-face{font-family:"BEBAS";src:url("../font/BEBAS.woff2") format("woff2"),url("../font/BEBAS.woff") format("woff"),url("../font/BEBAS.ttf") format("truetype"),url("../font/BEBAS.eot") format("embedded-opentype"),url("../font/BEBAS.svg") format("svg");}

@font-face{font-family:"Impact";src:url("../font/Impact.woff2") format("woff2"),url("../font/Impact.woff") format("woff"),url("../font/Impact.ttf") format("truetype"),url("../font/Impact.eot") format("embedded-opentype"),url("../font/Impact.svg") format("svg");}


.zzsc{ width:100%; font-family:'微软雅黑';}
				.zzsc .tab{ overflow:hidden; border-bottom:1px solid #d8d8d8; margin-bottom:50px;
					}
				.zzsc .tab>div{width:100%;}
				.zzsc .tab a{ text-align:center; height:40px; line-height:35px; width:calc(100%/6); display:block; float:left; color:#666; font-size:16px}
				.zzsc .tab a:hover{color:#0093d7; transition: all 0.3s linear;}
				.zzsc .tab a.on{color:#0093d7;}
				.zzsc .tab a i{ width:90px; margin:0 auto; height:5px; background-color:#fff; display:block;}
				.zzsc .tab a.on i{background-color:#0093d7;}
				.zzsc .tab a:hover i{background-color:#0093d7; transition: all 0.3s linear;}
				.zzsc .content{ overflow:hidden; width:100%;}
				.zzsc .content ul{ width:calc(100%*6)!important;}
				.zzsc .content li{ width:calc(100%/6); float:left; overflow:hidden;}
				.zzsc .content li a{ display:block; overflow:hidden; line-height:28px; font-size:14px; color:#333;}
				.zzsc .content li a:hover p{color:#0093d7; transition: all 0.3s linear;}
				.zzsc .content li a:hover span{color:#0093d7; transition: all 0.3s linear;}
				
				.zzsc .content li a span{ float:right;}
				.zzsc .content li .left{
					float:left;
					width:calc(42% - 40px);
					padding:20px;
					background-color:#d8edfe;
					}
				.zzsc .content li .left .img{
					width:100%;
					}
				.zzsc .content li .left .tit{
					width:100%;
					height:140px;
					display:flex;
					justify-content:center;
					align-items:center;
					}
				.zzsc .content li .left .tit h3{
					color:#333;
					font-size:22px;
					text-align:center;
					font-weight:normal;
					}
				.zzsc .content li .left .tit p{
					color:#333;
					font-size:14px;
					margin-top:10px;
					text-align:center;
					}
				.zzsc .content li .left:hover{
					transition: all 0.3s linear;
					}
				.zzsc .content li .left:hover .tit h3{
					transition: all 0.3s linear;
					}
				.zzsc .content li .left:hover .tit p{
					transition: all 0.3s linear;
					}
				.zzsc .content li .left:hover .img{
					transform: scale(1.05, 1.05);
					transition: transform 0.6s ease 0s;
					}
				.zzsc .content li .right{
					float:right;
					width:58%;
					}
				.zzsc .content li .right a{
					float:left;
					width:50%;
					background-color:#fff;
					}
				.zzsc .content li .right a:hover .img{
					transform: scale(1.05, 1.05);
					transition: transform 0.6s ease 0s;
					}
				.zzsc .content li .right a:hover .tit h3{
					color:#0093d7; 
					transition: all 0.3s linear;
					}
				.zzsc .content li .right a:hover .tit p{
					color:#0093d7; 
					transition: all 0.3s linear;
					}
				.zzsc .content li .right .tit{
					width:100%;
					height:69px;
					display:flex;
					justify-content:center;
					align-items:center;
					}
				.zzsc .content li .right .tit h3{
					color:#333;
					font-size:16px;
					line-height:16px;
					text-align:center;
					font-weight:normal;
					}
				.zzsc .content li .right .tit p{
					color:#333;
					line-height:14px;
					margin-top:6px;
					font-size:14px;
					text-align:center;
					}
				.zzsc .content li .right a:nth-child(3){
					background-color:#f1f2f6;
					}
				.zzsc .content li .right a:nth-child(4){
					background-color:#f2f2f2;
					}
				.zzsc .content li .right a:first-child{
					display:none;
					}	

				.zzsc1{ width:100%; font-family:'微软雅黑';}
				.zzsc1 .tab{ overflow:hidden; border-bottom:1px solid #d8d8d8; margin-bottom:50px;
					}
				.zzsc1 .tab>div{width:100%;}
				.zzsc1 .tab a{ text-align:center; height:40px; line-height:35px; width:calc(100%/10); display:block; float:left; color:#666; font-size:16px}
				.zzsc1 .tab a:hover{color:#0093d7; transition: all 0.3s linear;}
				.zzsc1 .tab a.on{color:#0093d7;}
				.zzsc1 .tab a i{ width:90px; margin:0 auto; height:5px; background-color:#fff; display:block;}
				.zzsc1 .tab a.on i{background-color:#0093d7;}
				.zzsc1 .tab a:hover i{background-color:#0093d7; transition: all 0.3s linear;}
				.zzsc1 .content{ overflow:hidden; width:100%;}
				.zzsc1 .content ul{ width:calc(100%*10)!important;}
				.zzsc1 .content li{ display: none; width:calc(100%/10); float:left; overflow:hidden;}
				.zzsc1 .content li:first-child{display: list-item;}
				.zzsc1 .content li a{ overflow:hidden; float:left; width:calc(100%/4 - 15px); margin-bottom:20px; margin-right:20px;}
				.zzsc1 .content li a:nth-child(4n+0){margin-right:0;}
				.zzsc1 .content li a .tit{ width:100%;}
				.zzsc1 .content li a h3{ font-size:16px; height:50px; line-height:50px; background-color:#f8f8f8; font-weight:normal; text-align:center; color:#333;}
				.zzsc1 .content li a:hover .img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}
				.zzsc1 .content li a:hover h3{ color:#fff; background-color:#0093d7; transition: all 0.3s linear;}
				.zzsc1 .more{ display:block; width:130px; color:#fff; height:40px; background-color:#0093d7; text-align:center; line-height:40px; margin:20px auto 0; border-radius:5px;}
				
				.zzsc2{ width:100%; font-family:'微软雅黑';}
				.zzsc2 .tab{ overflow:hidden; margin-bottom:50px;
					}
				.zzsc2 .tab>div{width:100%;}
				.zzsc2 .tab a{border-radius:5px; text-align:center; height:40px; line-height:40px; width:calc(100%/7); display:block; float:left; color:#fff; font-size:16px}
				.zzsc2 .tab a:hover{color:#0093d7; transition: all 0.3s linear; background-color:#fff; }
				.zzsc2 .tab a.on{color:#0093d7; background-color:#fff; }
				.zzsc2 .content{ overflow:hidden; width:100%;}
				.zzsc2 .content ul{ width:calc(100%*7)!important;}
				.zzsc2 .content li{ width:calc(100%/7); float:left; overflow:hidden;}
				.zzsc2 .content .tit{ width:28%; float:left;}
				.zzsc2 .content .tit h3{ font-size:46px; color:#fff;}
				.zzsc2 .content .tit p{ font-size:20px; color:#fff; margin-top:15px;}
				.zzsc2 .content .right{ width:72%; float:right; background-color:#fff;}
				.zzsc2 .content .right .info{ overflow:hidden; width:calc(52% - 50px); float:left; padding:0 30px 0 20px; margin-top:40px;}
				.zzsc2 .content .right .info h3{ color:#0093d7; font-size:18px;}
				.zzsc2 .content .right .info p{ color:#333; font-size:14px; margin:20px 0; line-height:24px;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;}
				.zzsc2 .content .right .info span{color:#333; font-size:14px; float:right;}
				.zzsc2 .content .right:hover .info span{ color:#0093d7; transition: all 0.3s linear;}
				.zzsc2 .content .right:hover .img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}
				.zzsc2 .content .right .img{ width:48%; float:right;}
				
				
				.zzsc3{ float:right; width:50%; font-family:'微软雅黑';}
				.zzsc3 .tab{ overflow:hidden; margin-bottom:20px;}
				.zzsc3 .tab a{ display:block; width:calc(100%/3); text-align:center; padding:10px 0; float:left; color:#333; background-color:#f3f3f3; font-size:16px}
				.zzsc3 .tab a:hover{color:#fff; background-color:#0093d7; transition: all 0.3s linear;}
				.zzsc3 .tab a.on{color:#fff; background-color:#0093d7;}
				.zzsc2 .content{ overflow:hidden; width:100%;}
				.zzsc3 .content ul{ width:calc(100%*3)!important;}
				.zzsc3 .content li{ width:calc(100%/3); float:left; overflow:hidden;}
				.zzsc3 .content li a{ display:block; overflow:hidden; line-height:40px; font-size:14px; color:#333; border-bottom:1px dashed #e8e8e8;}
				.zzsc3 .content li a:hover p{color:#0093d7; transition: all 0.3s linear;}
				.zzsc3 .content li a:hover span{color:#0093d7; transition: all 0.3s linear;}
				.zzsc3 .content li a p{ float:left; width:calc(90% - 85px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
				.zzsc3 .content li a span{ float:right; color:#666; width:85px;}
				.zzsc3 .content li .more{ display:block; height:30px; line-height:30px; width:120px; text-align:center; background-color:#0093d7; border:none; margin-top:20px; margin-left:1px; color:#fff;}
.an .more{ display:block; width:130px; color:#0093d7; height:40px; background-color:#fff; text-align:center; line-height:40px; margin:40px auto 0; border-radius:5px;}
								
.drwp .title{
	position:relative; 
	display:flex;
    justify-content:center;
    align-items:center;
	margin:60px auto 40px;
	}
.drwp .title h3{
	color:#edf2f5;
	font-size:80px;
	text-align:center;
	}
.drwp .title p{
	color:#0096d3;
	font-size:46px;
	text-align:center;
	position:absolute;
	font-weight:bold;
	}

.drwp .title h1{
	color:#0096d3;
	font-size:46px;
	text-align:center;
	position:absolute;
	font-weight:bold;
	}

.drwp .pro{
	padding-bottom:60px;
	background: -webkit-linear-gradient(180deg, #fff 0%, #fff 50%, #fafafa 50%, #fafafa 100%);
    background: -o-linear-gradient(180deg, #fff 0%, #fff 50%, #fafafa 50%, #fafafa 100%);
    background: -moz-linear-gradient(180deg, #fff 0%, #fff 50%, #fafafa 50%, #fafafa 100%);
    background: linear-gradient(180deg, #fff 0%, #fff 50%, #fafafa 50%, #fafafa 100%);
	}
	
.drwp .case{
	padding-bottom:60px;
	}
	
.drwp .an{
	background:url(../images/index_anbg.jpg) no-repeat center/cover;
	padding:60px 0 80px;
	margin-bottom:60px;
	}
		
.drwp .about{
	overflow:hidden;
	margin-bottom:40px;
	}
.drwp .about .left{
	width:50%;
	float:left;
	}
.drwp .about .right{
	width:50%;
	float:right;
	}
.drwp .about .left .img{
	position:relative;
	}
.drwp .about .right .img{
	position:relative;
	}
.drwp .about .left .img h3{
	font-size:22px;
	color:#fff;
	font-weight:normal;
	bottom:20px;
	left:20px;
	position:absolute;
	}
.drwp .about .left .img h3 p{
	font-size:18px;
	color:#fff;
	font-weight:normal;
	}
.drwp .about .left .txt{
	max-height:280px;
	}
.drwp .about .left .txt h3{
	font-size:38px;
	text-align:center;
	color:#333;
	margin-top:50px;
	}
.drwp .about .left .txt p{
	font-size:14px;
	color:#333;
	line-height:28px;
	width:80%;
	margin:20px auto 0;
	text-align:center;
	}
.drwp .about .left .txt a{
	width:150px;
	height:40px;
	background-color:#0093d7;
	text-align:center;
	line-height:40px;
	color:#fff;
	display:block;
	border-radius:5px;
	margin:30px auto 0;
	}		
.drwp .about .right .img h3{
	font-size:22px;
	color:#fff;
	font-weight:normal;
	bottom:20px;
	left:20px;
	position:absolute;
	}
.drwp .about .right .img h3 p{
	font-size:18px;
	color:#fff;
	font-weight:normal;
	}
.drwp .about .right .txt{
	max-height:260px;
	margin-bottom:60px;
	}
.drwp .about .right .txt h3{
	font-size:38px;
	text-align:center;
	color:#333;
	margin-top:60px;
	}	
.drwp .about .right .txt p{
	font-size:14px;
	color:#333;
	line-height:28px;
	width:48%;
	margin:20px auto 0;
	text-align:center;
	}	
.drwp .about .right .txt a{
	width:150px;
	height:40px;
	background-color:#0093d7;
	text-align:center;
	line-height:40px;
	color:#fff;
	display:block;
	border-radius:5px;
	margin:30px auto 0;
	}

.drwp .service{
	overflow:hidden;
	margin-bottom:60px;
	}	
.drwp .service .list {
	overflow:hidden;
	}
.drwp .service .list li{
	width:calc(100%/8);
	float:left;
	padding:40px 0;
	background-color:#fff;
	}
.drwp .service .list li p{
	font-size:16px;
	color:#666;
	margin-top:20px;
	text-align:center;
	}
.drwp .service .list li:hover{
	background-color:#0093d7;
    transition: all 0.3s linear;
	}
.drwp .service .list li:hover p{
	color:#fff;
    transition: all 0.3s linear;
	}
.drwp .service .list li .img1{
	width:80px;
	height:80px;
	margin:0 auto;
	background:url(../images/index_service1.png) no-repeat center/cover;
	}
.drwp .service .list li:hover .img1{
	background:url(../images/index_service1h.png) no-repeat center/cover;
	}
.drwp .service .list li .img2{
	width:80px;
	height:80px;
	margin:0 auto;
	background:url(../images/index_service2.png) no-repeat center/cover;
	}
.drwp .service .list li:hover .img2{
	background:url(../images/index_service2h.png) no-repeat center/cover;
	}
.drwp .service .list li .img3{
	width:80px;
	height:80px;
	margin:0 auto;
	background:url(../images/index_service3.png) no-repeat center/cover;
	}
.drwp .service .list li:hover .img3{
	background:url(../images/index_service3h.png) no-repeat center/cover;
	}
.drwp .service .list li .img4{
	width:80px;
	height:80px;
	margin:0 auto;
	background:url(../images/index_service4.png) no-repeat center/cover;
	}
.drwp .service .list li:hover .img4{
	background:url(../images/index_service4h.png) no-repeat center/cover;
	}
.drwp .service .list li .img5{
	width:80px;
	height:80px;
	margin:0 auto;
	background:url(../images/index_service5.png) no-repeat center/cover;
	}
.drwp .service .list li:hover .img5{
	background:url(../images/index_service5h.png) no-repeat center/cover;
	}
.drwp .service .list li .img6{
	width:80px;
	height:80px;
	margin:0 auto;
	background:url(../images/index_service6.png) no-repeat center/cover;
	}
.drwp .service .list li:hover .img6{
	background:url(../images/index_service6h.png) no-repeat center/cover;
	}
.drwp .service .list li .img7{
	width:80px;
	height:80px;
	margin:0 auto;
	background:url(../images/index_service7.png) no-repeat center/cover;
	}
.drwp .service .list li:hover .img7{
	background:url(../images/index_service7h.png) no-repeat center/cover;
	}
.drwp .service .list li .img8{
	width:80px;
	height:80px;
	margin:0 auto;
	background:url(../images/index_service8.png) no-repeat center/cover;
	}
.drwp .service .list li:hover .img8{
	background:url(../images/index_service8h.png) no-repeat center/cover;
	}	
	
.drwp .news{
	overflow:hidden;
	background-color:#f8f8f8;
	padding:0 0 50px;
	}
.drwp .news .box{
	overflow:hidden;
	}	
	
	
@media (max-width: 1199px){
	.zzsc2 .content .right .info{
		margin-top:20px;
		}
	}	
	
@media (max-width: 992px){
	
	.drwp .title{
		margin:40px auto 20px;
		}
	.drwp .title h3{
		font-size:46px;
		}
	.drwp .title p{
		font-size:24px;
		}
	.drwp .title h1{
		font-size:24px;
		}
	.zzsc .tab a{
		font-size:14px;
		height:30px;
		line-height:30px;
		}
	.zzsc .tab a i{
		display:none;
		height:0;
		}
	.zzsc1 .tab a{
		font-size:14px;
		height:30px;
		line-height:30px;
		}
	.zzsc1 .tab a i{
		display:none;
		height:0;
		}
	.zzsc2 .tab a{
		font-size:14px;
		height:30px;
		line-height:30px;
		}
		
	.zzsc .content li .left{
		float:none;
		width:100%;
		padding:20px 20px 0 20px;
		margin-bottom:20px;
		}	
	.zzsc .content li .right{
		float:none;
		width:100%;
		}
	.zzsc .tab{
		margin-bottom: 30px;
		}
	.zzsc1 .tab{
		margin-bottom: 30px;
		}
	.zzsc2 .tab{
		margin-bottom: 30px;
    	border-bottom: 1px solid #fff;
		}
	.zzsc2 .tab a.on{
		background:none;
		color:#333;
		}
	.zzsc2 .tab a:hover{
		background:none;
		color:#333;
		}	
	.zzsc .content li .left .img{
		width:calc(100% - 40px);
		}
	.zzsc .content li .left .tit{
		width:calc(100% - 40px);
		height:80px;
		}
	.zzsc .content li .left .tit h3{
		font-size:20px;
		}
	.zzsc .content li .left .tit p{
		margin-top:0;
		}
	
	.zzsc1 .content li a{ width:calc(100%/2 - 6px); margin-bottom:12px; margin-right:12px;}
	.zzsc1 .content li a:nth-child(even){margin-right:0;}
	.zzsc1 .content li a h3{ height:35px; line-height:35px; font-size:14px;}
	
	.zzsc2 .content .tit{ display:none;}	
	.zzsc2 .content .right{ width:100%; float:none;}
	.zzsc2 .content .right .info{width: calc(100% - 40px); float:none;margin-top:0; padding:30px 20px;}
	.zzsc2 .content .right .img{ width:100%; float:none;}
	
	
	
	.drwp .pro{
	padding-bottom:50px;
	}
	.drwp .case{
	padding-bottom:50px;
	}
	.drwp .an{
	margin-bottom:50px;
	padding: 30px 0 40px;
	}
	.drwp .about{
	margin-bottom:20px;
	}
	.drwp .service{
	margin-bottom:40px;
	}
	.drwp .about .left{
		float:none;
		width:100%;
		}
	.drwp .about .left .txt h3{
		font-size: 30px;
		margin-top: 30px;
		}
	.drwp .about .left .txt p{
		margin: 10px auto 0;
		}
	.drwp .about .left .txt a{
		margin: 20px auto 0;
		}
	.drwp .about .right{
		float:none;
		width:100%;
		margin-bottom:20px;
		}
	.drwp .about .right .txt{
		margin-bottom:40px;
		}
	.drwp .about .right .txt h3{
		font-size: 30px;
		margin-top: 0;
		}
	.drwp .about .right .txt p{
		margin: 10px auto 0;
		}
	.drwp .about .right .txt a{
		margin: 20px auto 0;
		}
		
	.drwp .service .list li {
		width: calc(100%/4);
		padding:30px 0;
		}
	.swiper-container1{
		float:none!important;
		width:100%!important;
		}
	.zzsc3{
		float:none;
		width:100%;
		margin-top:40px;
		}
}
@media (max-width: 699px){
	.drwp .title h3 {
		font-size: 40px;
	}
	.zzsc .tab a{
		width:auto;
		margin-right: 10px;
	}
	
	.zzsc1 .tab a{
		width:auto;
		margin-right: 10px;
	}
	.zzsc2 .tab a{
		width:auto;
		margin-right: 10px;
	}
}

@media (max-width: 505px){
	.drwp .service .list li {
		width: calc(100%/2);
		}
}